<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Print Follow-Up Book Cover</title>

<link href="../styles/print.css" rel="stylesheet" type="text/css" />
<style type="text/css" media="print">
	.page-break { page-break-after: auto; }
</style>
<style type="text/css">
	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
	
	#header { font-family: Arial; font-size: 10pt; font-weight: bold; }	
	.logo-text, .logo { float: left; margin: 0 0 0 10px; }
	.logo-text { text-align: center; font-family: "times new roman"; font-size: 9pt; }
	.logo-text span { font-family: Arial; font-size: 25pt; font-weight: bold; }
	.info { font-weight: normal; float: right; margin-right: 20px; }
	.center { text-align: center; }
	
	table.border { border: 3px solid #000; }
	.header-height { height: 100px; vertical-align: bottom; }
	/*.footer-height { height: 100px; }
	.bodier-height { height: 830px; }*/
	
	#bodier { font-family: Arial; font-size: 12pt; font-weight: bold; padding-bottom: 80px; }
	#bodier .info p { padding: 10px 0; }
	#bodier h2 { margin: 40px 0 0 120px; }
	#bodier .class-info p { margin: 20px 0 10px 120px; }
	
	#footer { font-family: Arial; font-size: 14pt; font-weight: bold; text-align: center; }
</style>

</head>
<body>
<#if (offerings?size > 0)>
<#list offerings as offering>
	<div class="pageA4 fullHeight">
		<table class="border" cellpadding="0" cellspacing="0" height="100%" width="100%"><tr><td class="header-height">
		<div id="header">
			<div class="logo">
				<img src="../images/logoSGTech.jpg" />
			</div>
			<div class="logo-text">
				INTERNATIONAL ENGLISH LANGUAGE PROGRAM<br/>			
				<span>SAIGONTECH</span>	
			</div>
			<div class="info">
				Anna Bld., Quang Trung Software City,<br />
				Dist.12, Ho Chi Minh City<br />	
				&#9742; (08).54371888  ext. 312 - 313 - 314<br />		
			</div>
			<br clear="left" />
		</div>
		</td></tr>
		
		<tr><td class="bodier-height">
		<div id="bodier">
			<p class="center"><img src="../images/follow-book-title.jpg" /></p>
			<div class="class-info">
				<#if (offering.level.program.name?index_of("(New)") > 0)>
					<#-- clear the word New -->
					<#assign class = offering.level.program.name.substring(0, 
						offering.level.program.name?index_of("(New)"))>
				<#else>				     
					<#assign class = offering.level.program.name >		
				</#if>
				<h2>Class: ${class} / ${offering.name!}</h2>
				<p>Starting date: ${offering.startDate?string('dd/MM/yyyy')!} &nbsp;&nbsp; Ending date: ${offering.endDate?string('dd/MM/yyyy')!}</p>
				<p>Instructor:
					<#list offering.instructors as instructor>
						<#if (instructor.gender == 'FEMALE')>Ms. <#else>Mr. </#if>
						${instructor.firstName!}
						<#if (instructor_index != (offering.instructors?size - 1))> - </#if> 
					</#list>
				</p>
				<p>Room: ${offering.room.name!}</p>
			</div>
		</div>
		</td></tr>
		
		<tr><td class="footer-height bottom">
		<div id="footer">
			<p>PLEASE RETURN AFTER USE</p>			
		</div>
		</td></tr></table>
	</div>
	<div class="page-break"></div>
</#list>
</#if>
</body>
</html>